<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<script src="../../common/js/purmanager.js"></script>
	<script src="../../common/js/AjaxJson.js"></script>
	<title>订单列表</title>
	<link rel="stylesheet" href="../../common/css/checkOut.css">
<style type="text/css">
	#oo {
		position: absolute;
		display: none;
		padding: 8px;
		background: #ffffff;
		/*background: #ffffff url(image/preload.gif) no-repeat 50% 50%;
		background-image: url("image/preload.gif");*/
		border: 10px solid #e3e3e3;
		z-index: 2000;
	}
	</style>
	<script src="../../common/js/My97DatePicker/4.8/WdatePicker.js"></script>
</head>

<body class="pos-r">

<div>
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 订单管理 <span class="c-gray en">&gt;</span> 购买订单列表
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
	<div class="page-container">
		<div class="text-c">
			<span >选择订单状态:</span>
			<select id="state" onchange="SearchState()" style="width: 100px">
				<option value ="4">全部</option>
			    <option value="1">未发货</option>
			    <option value="2">已发货</option>
			    <option value="3">已收货</option>
				<option value="0">未付款</option>
			</select>&emsp;&emsp;&emsp;
			<span>客户微信号: </span><input type="text" id="accountNo" style="width:100px" class="input-text">&emsp;&emsp;&emsp;
			<span> 日期范围：</span>
			<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'timeout\')||\'%y-%M-%d\'}' })" id="timein" class="input-text Wdate" style="width:100px;"> -
			<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'timein\')}',maxDate:'%y-%M-%d' })" id="timeout" class="input-text Wdate" style="width:100px;">
			<button  class="btn btn-success" type="submit" style="float: right;" onclick="SearchOrder()" >
				<i class="Hui-iconfont">&#xe665;</i> 搜索订单
			</button>
		</div>
	</div>
		<div class="mt-20">
			<span class="r">共有数据：<strong id="totalCount"></strong> 条</span>
			<table  id="tb" class="table table-border table-bordered table-bg table-hover " align="center">
				<thead>
				<tr class="text-c">
					<th width="3%"><input name="" type="checkbox" value=""></th>
					<th width="6%"  align="center">序号</th>
					<th width="11%"  align="center">订单号</th>
					<th width="7%" align="center">客户微信号</th>
					<th width="8%" align="center">下单时间</th>
					<th width ="7%"  align="center">送货/取货</th>
					<th width ="10%"  align="center">送货地址</th>
					<th width="8%" align="center">购买金额</th>
					<th width="8%" align="center">实际付款金额</th>
					<th width="8%" align="center">订单状态</th>
					<th width="8%" align="center">操作</th>
				</tr>
				</thead>
				<tbody align="center" id="tbody"  class="text-c">
				</tbody>
			</table>
		</div>
        <div >
            <nav aria-label="Page navigation" style="text-align: center;">
                <ul class="pagination" id="pages" style="margin-top:0px;">
                    <li id="previous" >
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li id="next">
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
		<div >

		</div>
	</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script src="lib/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<!--<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>-->
<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [
            [1, "desc"]
        ], //默认第几个排序
        "bStateSave": true, //状态保存
        "aoColumnDefs": [{
            "orderable": false,
            "aTargets": [0, 7]
        } // 制定列不参与排序
        ]
    })
</script>
</body>

</html>